<template>
  <view class="p-2">
    <view class="text-2xl text-center my-3">
      border-style
    </view>
    <view class="flex flex-col items-center">
      <view class="w-half h-200 mb-3  bg-blue-100 center text-center border-none border-4 border-black">
        border-none
      </view>

      <view class="w-half h-200 mb-3  bg-blue-100 center text-center border-solid border-4 border-black">
        border-solid
      </view>

      <view class="w-half h-200 mb-3  bg-blue-100 center text-center border-dashed border-4 border-black">
        border-dashed
      </view>

      <view class="w-half h-200 mb-3  bg-blue-100 center text-center border-dotted border-4 border-black">
        border-dotted
      </view>

      <view class="w-half h-200 mb-3  bg-blue-100 center text-center border-double border-4 border-black">
        border-double
      </view>
    </view>
  </view>
</template>
